<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <title>评审管理proje</title>
    <link rel="stylesheet" href="/static/plugin/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/plugin/zTree_v3/css/zTreeStyle/zTreeStyle.css">
    <script src="/static/plugin/zTree_v3/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/static/plugin/layui/layui.js"></script>
    <script src="/static/plugin/ztree/js/jquery.ztree.core.js"></script>
    <script src="/static/plugin/ztree/js/jquery.ztree.excheck.js"></script>
    <script src="/static/plugin/ztree/js/jquery.ztree.exedit.js"></script>
    <script type="text/javascript" src="/static/js/base.js"></script>
    <script type="text/javascript" src="/static/js/formSelects.js"></script>
    <script type="text/javascript" src="/static/js/highcharts.js"></script>
    <style>
        .layui-table th{
            font-weight: bold;
            font-size: 16px;
        }
        .layui-table td{
            font-weight: bold;
            font-size: 16px;
        }
    </style>
<body class="layui-anim">
<!--评审详情框-->
<div id="detailDiv" style="display:none">
    <table class="layui-hide" id="detailList" lay-filter="detailList"></table>
</div>
<div class="x-body" style="width: 100%">
    <div class="layui-row" style="margin-bottom: 18px;">
        &nbsp;
        <div class="layui-form">
            <div class="layui-input-inline">
                <div class="layui-input-inline" style="width: 150px">
                    <input class="layui-input" id="keyword01" placeholder="请输入名称" style="width: 150px">
                </div>
               <!-- <div class="layui-input-inline" style="width: 150px">
                    <input class="layui-input" id="keyword02" placeholder="请输入组别" style="width: 150px">
                </div>-->
                <button class="layui-btn layui-btn-normal" data-type="reload"><i class="layui-icon layui-icon-search"></i>检索</button>
                <!--<button class="layui-btn" id="select_detail"><i class="layui-icon layui-icon-biaodan"></i>查看</button>-->
                <!--<button class="layui-btn" id="select_pdf"><i class="layui-icon layui-icon-xiazai"></i>查看PDF</button>-->
                <button type="button" class="layui-btn" id="importExcel"><i class="layui-icon"></i>导入Excel</button>
                <!--<button class="layui-btn" id="appraise_detail"><i class="layui-icon layui-icon-biaoge"></i>评审详情</button>-->
            </div>
        </div>
    </div>
    <table class="layui-hide" id="tableList" lay-filter="tableList"></table>
</div>
<!--详情框-->
<div id="addDivID" style="display:none">
    <form class="layui-form" id="addFormID" style="margin-top:20px">
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <li class="layui-this">基本情况</li>
                <li>项目简介</li>
                <li>项目详细内容</li>
                <li>第三方评价</li>
            </ul>

            <div class="layui-tab-content">
                <!-- 内容1 基本情况-->
                <div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">项目序号</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">中文名称</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">英文名称</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">推荐单位</label>
                            <div class="layui-input-inline" >
                                <input type="text" id="uniqueCode" name="uniqueCode" readonly autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:150px">项目名称可否公布</label>
                            <div class="layui-input-inline">
                                <input type="text" id="sname" name="sname" autocomplete="off" readonly class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">推荐等级</label>
                            <div class="layui-input-inline">
                                <input type="text" id="sname" name="sname" autocomplete="off" readonly class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:150px">推荐奖励类别</label>
                            <div class="layui-input-inline" >
                                <input type="text" id="uniqueCode" name="uniqueCode" readonly autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">起始时间</label>
                            <div class="layui-input-inline" >
                                <input type="text" id="uniqueCode" name="uniqueCode" readonly autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label" style="width:150px">项目结束时间</label>
                            <div class="layui-input-inline">
                                <input type="text" id="sname" name="sname" autocomplete="off" readonly class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">组别</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">所属部门</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="uname" class="layui-form-label">申报单位</label>
                        <div class="layui-input-inline" style = "width:400px;">
                            <input type="text"  id="uname" name="username" autocomplete="off" readonly class="layui-input">
                        </div>
                    </div>
                </div>
                <!-- 内容2 项目简介-->
                <div class="layui-tab-item">
                    <div>
                        电缆串联谐振交流耐压试验是国内外主流的现场交接或预防性试验，是高压电缆绝缘状态检测中应用最广泛的一种试验方法，为高压电缆安全可靠运行提供了有效的绝缘状态评估。然而，传统的串联谐振耐压试验是检验性试验，没有诊断能力，无法检测高压电缆及附件中潜伏性绝缘缺陷，因此，即使通过了串联谐振耐压试验，投运时或者运行初期仍有可能出现高压电缆及附件故障。
                        项目深入研究了基于高压电缆串联谐振耐压的新型振荡波电压试验方法及关键技术，实现一次试验过程中，既包含了检验性试验，又包含了诊断性试验的目的，且保持交流耐压试验频率和振荡波电压频率相同。为高压电缆现场绝缘状态检测提供一种全新的试验技术和方法。
                        项目经济技术指标：
                        项目研制了基于调频式串联谐振技术的新型振荡波发生装置。应用状态空间平均法分析设计了电压、电流双闭环控制的调频电路；研制了适用于谐振式振荡波系统的转换开关、驱动、保护和控制电路；
                        开展了谐振式振荡波电压作用下电缆局部放电双端检测技术研究。设计了双端局部放电检测方法；通过高频分布参数模型对局部放电双端检测过程中时钟同步脉冲耦合、传播以及检测过程进行了建模分析，并基于该模型对双端模块中元件完成了参数整定；研制了高压脉冲产生电路、触发延时电路等硬件模块，通过仿真和实验室试验测试了双端时钟同步脉冲精确性。
                        对比研究了电缆典型缺陷分别在直流充电式振荡波、谐振式振荡波和工频电压下局部放电特性。通过对比多种统计特性因子，验证了谐振式振荡波电压下的局部放电特性与工频电压具有良好的等效性。
                        项目创新点如下：
                        （1）提出了以串联谐振电压作为激励产生交流振荡波的试验技术，实现了电缆现场交流耐压的同时施加振荡波的方法，满足了现场同时开展检验性和诊断性试验的需求；
                        （2）研究了谐振式振荡波下基于脉冲电流法的局部放电检测技术，填补了电缆现场耐压下局部放电检测的空白；
                        （3）研制了基于电缆双端脉冲时钟同步技术的局部放电定位装置，拓宽了检测区间，提高了检测灵敏度。
                    </div>
                </div>
                <!-- 内容3 项目详细内容-->
                <div class="layui-tab-item">

                </div>

                <!-- 内容4 第三方评价-->
                <div class="layui-tab-item">
                    <div id="appraise">
                        2019年6月6日，国网陕西省电力公司组织召开了由国网陕西省电力公司电力科学研究院完成的“采用工频串谐同时施加振荡波检测电缆线路健康状况的试验技术”项目验收会。验收委员会听取了课题组的工作报告、技术报告、科技查新报告和应用报告，经质询和讨论，形成验收意见如下：
                        1、验收资料完整、规范，符合技术验收要求。
                        2、本项目研制了基于电容堆式供电技术、调频式串联谐振技术、振荡波转换技术、局部放电双端检测及定位技术的高压电缆健康状况检测系统。分析设计了输出电压、电流双闭环控制的调频电路，谐振式振荡波系统的转换开关、驱动、保护和控制电路，以及谐振式振荡波电压作用下电缆局部放电双端检测及定位装置。实现了高压电缆现场串联谐振试验过程中同时施加振荡波电压，对电缆进行健康状况检测的目标，并通过仿真、实验室和现场试验验证了谐振式振荡波系统的工频等效性及检测有效性。
                        3、项目主要创新点：
                        （1）提出了以串联谐振电压作为激励产生交流振荡波的试验技术，实现了电缆现场交流耐压的同时施加振荡波的局放检测，满足了现场同时开展检验性和诊断性试验的需求；
                        （2）提出了交流振荡波下基于脉冲电流法的局部放电检测技术，为高压电缆现场健康状况评估提供了一种有效方法；
                        （3）研制的基于电缆双端脉冲时钟同步技术的局部放电定位装置，提高了检测灵敏度，拓宽了检测区间，实现了长距离高压电缆的缺陷定位需求功能。
                        该项目所开发的高压电缆健康状况检测系统，在现场试验中取得良好的应用效果。该项目在串谐式交流振荡波试验技术方面达到了国际领先水平。
                        验收委员会一致认为：项目完成了任务书规定的全部内容，同意通过验收。
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item" style="margin-left: 800px">
            <div class="layui-input-block">
                <button  class="layui-btn layui-btn-primary">关闭</button>
            </div>
        </div>

    </form>
</div>
<script type="text/html" id="toolBar">
    <a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="introduction">项目简介</a>
</script>
<script type="text/html" id="toolBar2">
    <a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="edit">撤回</a>
</script>
<script>
    layui.use(['table','layer','upload','form','laydate','element'], function(){
        var table = layui.table;
        var form=layui.form;
        var laydate = layui.laydate;
        var element = layui.element;
        var upload = layui.upload;
        var $ = layui.jquery, active = {
            reload:function () {
                table.reload('contentTable',{
                    method:'get'
                    ,where:{
                        'projectName':$('#keyword01').val()
                    }
                    ,page: {
                        curr: 1//重新从第 1 页开始
                    }
                });
            }
        }

        table.render({
            elem: '#tableList'
            ,id:'contentTable'
            ,url: '/project/queryPage'
            ,height : 'full-70'
            ,where:{
                'projectName':''
            }
            ,cols: [
                [
                    {type: 'radio', fixed: 'left'},
                    {field:'uid', title:'序号', width: 60, type:'numbers',align:'center'},
                    {field: 'pname', title: '名称'}
                    ,{field: 'pnumber', title: '项目序号',width: 130}
                    ,{field: 'type', title: '类型',width: 130}
                    /*,{field: 'clazz', title: '组别'}*/
                    ,{field: 'completeCompany', title: '完成单位',width:290}
                    ,{field: 'completeBy', title: '完成人',width:260}
                    /*,{field: 'people', title: '申报人',width:80}*/
                    ,{field: 'idea', title: '专业组评审意见',width:160}
                    /*,{field: 'datetimes', title: '申报时间'}*/
                    /*,{field: 'awards', title: '获奖等级',width: 100,templet:function (r) {
                        if (r.awardsadmin == 1) {
                            return '一等奖A'
                        }else if (r.awardsadmin == 2) {
                            return '一等奖B'
                        }else if (r.awardsadmin == 3) {
                            return '一等奖C'
                        }else if (r.awardsadmin == 4) {
                            return '二等奖A'
                        }else if (r.awardsadmin == 5) {
                            return '二等奖B'
                        }else if (r.awardsadmin == 6) {
                            return '二等奖C'
                        }else if (r.awardsadmin == 7) {
                            return '三等奖A'
                        }else {
                            if (r.awardsresult == 1) {
                                return '一等奖A'
                            }else if (r.awardsresult == 2) {
                                return '一等奖B'
                            }else if (r.awardsresult == 3) {
                                return '一等奖C'
                            }else if (r.awardsresult == 4) {
                                return '二等奖A'
                            }else if (r.awardsresult == 5) {
                                return '二等奖B'
                            }else if (r.awardsresult == 6) {
                                return '二等奖C'
                            }else if (r.awardsresult == 7) {
                                return '三等奖A'
                            }else {
                                return '暂未评定等级'
                            }
                        }
                    }

                    }*/,
                    //toolbar: "#toolBar"
                    {field: 'remark', title: '操作', width: 120,
                        templet:function (d) {
                            let temp;
                            $.ajax({
                                type:'get',
                                url:"/project/introductionCheck?fileName="+d.ppt,
                                async:false,
                                success:function (result) {
                                    //console.log(result);
                                    temp = result;
                                }
                            });

                            if (temp) {
                                return '<a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="introduction" style="font-size: 16px">项目简介</a>';
                            }else {
                                return '<a class="layui-btn layui-btn-xs  layui-btn-disabled" lay-event="introduction" style="font-size: 16px">项目简介</a>';
                            }
                        }
                    }
                ]
            ]
            , page: true
            ,totalRow: true
            ,done : function(res, curr, count){
                $('th').css({
                    'background-color': '#3388CB', 'color': '#fff','font-weight':'bold',
                })


            }
        });

        table.on('rowDouble(tableList)', function(obj){
            var url2 =  obj.data.url;
            //console.log(url2);
            //url2 = '±1100kV 直流架空输电线路检修规范.pdf'
            let temp;
            $.ajax({
                type:'get',
                url:"/static/pdf/"+url2,
                async:false,
                success:function (result) {
                    //`console`.log("正确");
                    temp = true;
                },
                error:function (result) {
                    //console.log("错误");
                    temp = false;
                }
            });

            if (temp) {
                window.location.href = "/static/pdf/"+url2;
            }
        });

        //监听行工具事件
        table.on('tool(tableList)', function(obj){
            if(obj.event === 'introduction'){
                var ppt = obj.data.ppt;

                let temp;
                $.ajax({
                    type:'get',
                    url:"/project/introductionCheck?fileName="+ppt,
                    async:false,
                    success:function (result) {
                        //console.log(result);
                        temp = result;
                    }
                });
                if (temp) {
                    window.location.href = "/project/introduction?fileName="+ppt;
                }
            }
        });

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        $('.layui-col-md12 .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $('.select .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $('.layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        $("#select_detail").click(function(){
            var rowData = table.checkStatus('contentTable');
            var data = rowData.data;
            var idArr = new Array();
            if(data.length == 0){
                layer.alert("请勾选要操作的项！",{icon :5})
            } else {
                layer.open({
                    type: 1 ,				//Page层类型
                    area: ['60%', '750px'] 	//宽  高
                    ,title: '查看'
                    ,shade: 0.6 			//遮罩透明度
                    ,maxmin: true 			//允许全屏最小化
                    ,anim: 1 				//0-6的动画形式，-1不开启
                    ,content: $('#addDivID')
                    ,success: function(){
                        $("input[name='wareHouseName']").val("");
                        $("textarea[name='wareHouseIp']").val("");
                        $("textarea[name='wareHousePort']").val("");
                        form.render();
                    }
                });
            }
        });

        $('#importExcel').click(function () {
            let default_config = {
                msg:"数据导入成功！"
            }

            let idRandom = "importData" + Math.ceil(Math.random()*10000)
            let htmlContent = '<div class="layui-upload-drag" id="'+idRandom+'">';
            htmlContent += '<i class="layui-icon"></i>';
            htmlContent += '<p>点击上传，或将文件拖拽到此处</p>';
            htmlContent += '</div>';

            layer.open({
                type: 1
                ,offset: "auto" //具体配置参考：
                ,id: 'layer_importData' //防止重复弹出
                ,title:'导入记录'
                ,content: htmlContent
                ,maxWidth:800
                ,btn: ['下载模板']
                ,btnAlign: 'c' //按钮居中
                ,shade: 0 //不显示遮罩
                ,yes: function(){//提交
                    var iframe = $("<iframe></iframe>");
                    iframe.attr("src","/project/download?type=project");
                    iframe.css("display","none");
                    $("#"+idRandom).append(iframe);
                }
            })
            form.render();

            upload.render({
                elem: "#"+idRandom
                ,url: '/project/importDataExcel/' //必填项
                ,method: 'post'  //可选项。HTTP类型，默认post
                ,accept: 'file' //允许上传的文件类型
                ,done: function(res){
                    //console.log(res)
                    if(res.code == '200'){
                        layer.msg(res.msg,{icon: 1,anim: 6});

                        setTimeout(function(){
                            location.reload();
                        },1000);
                    }
                }
            })
        });

        //查看评审详情
        $("#appraise_detail").click(function(){
            var rowData = table.checkStatus('contentTable');
            var data = rowData.data;
            var idArr = new Array();
            if(data.length == 0){
                layer.alert("请勾选要操作的项！",{icon :5})
            } else {
                layer.open({
                    type: 1,				//Page层类型
                    area: ['500px', '520px'] 	//宽  高
                    , title: '评审详情'
                    ,btn:['取消']
                    , shade: 0.6 			//遮罩透明度
                    , maxmin: true 			//允许全屏最小化
                    , anim: 1 				//0-6的动画形式，-1不开启
                    , content: $('#detailDiv')
                    , success: function () {
                        table.render({
                            elem: '#detailList'
                            ,id:'contentTable2'
                            ,url: '/projectExpert/queryExpertList'
                            ,where:{
                                projectId: data[0].id
                            }
                            ,cols: [
                                [
                                    {field:'uid', title:'序号', width: 50, type:'numbers',align:'center'}
                                    ,{field: 'realName', title: '专家姓名', width: 200}
                                    ,{field: 'level', title: '评审等级', width: 200,templet:function (r) {
                                        if (r.level == 1) {
                                            return '一等奖A'
                                        }else if (r.level == 2) {
                                            return '一等奖B'
                                        }else if (r.level == 3) {
                                            return '一等奖C'
                                        }else if (r.level == 4) {
                                            return '二等奖A'
                                        }else if (r.level == 5) {
                                            return '二等奖B'
                                        }else if (r.level == 6) {
                                            return '二等奖C'
                                        }else if (r.level == 7) {
                                            return '三等奖A'
                                        }else {
                                            return '暂未评定等级'
                                        }
                                    }}
                                ]
                            ]
                        });
                    }
                });
            }
        });
    });
</script>
</body>

</html>
